.login {
  .bg{
   
    width: 100%;
    height: 600px;
    background: url(../images/login_bg.jpg) center no-repeat ;
    .g-row{
      position: relative;
      .lg-ewm{
        position:absolute;
        left: 0;
        top: 0;
        width: 60px;
        height: 60px;
        cursor: pointer;
        img{
          display: block;
          width: 100%;
        }
      }
      .lg-sm{
        position:absolute;
        width: 97px;
        height: 19px;
        top: 10px;
        left: 60px;
        cursor: pointer;
        img{
          display: block;
          width: 100%;
        }
      }
      .yx-loginFooter{
        position: absolute;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60px;
        background: #F5F3EF;
        overflow: hidden;
        width: 348px;
        bottom: 0px;
        left: 0px;
        box-sizing: border-box;
        padding-right: 25px;
        .oList{
          display:flex;
          justify-content: flex-start;
          align-items: center;
          height:100%;
          padding: 0 24px;
          box-sizing: border-box;
          a{
            display: block;
            width: 32px;
            height: 32px;
            margin-right: 10px;
            background: url(../images/login_sprites.png) center center no-repeat;
            background-position: -7px -4px;
          }
        }
        span{
          cursor: pointer;
        }
      }
     
      .login-post{
        position: absolute;
        right: 0;
        top: 80px;
        width: 348px;
        height:400px;
        background-color: #fff;
        .login-header {
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 40px;
          #login{
            font-weight: 700;
          }
          span{
            cursor: pointer;
            font-size: 18px;
          }
          strong{
            margin:0 30px;
            cursor: default;
          }
        }
      }
      .inputbox{
        margin: 35px auto;
        display:flex;
        justify-content: flex-start;
        align-items: center;
        width:300px;
        height:36px;
        border: 1px solid #ccc;
        position: relative;
        .phoneMsg , .pwdMsg{
          position: absolute;
          top: 40px;
          left: 30px;
        }
        .logo{
          img{
            margin:0 10px;
          }
          border-right: 1px solid #ccc;
        }
        input{
          text-indent: 10px;
          width:100%;
          height:100%;
          outline:none;
          border: none;
        }
      }
      .btn{
        margin-top: 40px;
        button{ 
          margin: 0 auto;
          display: block;
          width: 300px;
          height: 48px;
          cursor: pointer;
          text-align: center;
          color: #fff;
          background: #b4a078;
          font-size: 18px;
          line-height: 48px;
          border-radius: 2px;
        }
      }
    }
  }
}